<template>
    <div class="contianer">
        <div class="content-img">
            <img class="img"
                 src='common/images/liwu.png'>
        </div>

        <div class="bingo"> 中奖啦！</div>
        <div class="congratulations">“恭喜您获得惊喜礼品一份！”</div>
        <div class="nice">
            <text>请截屏中奖画面，并留意</text>
            <text>L&C Culture Development Team的领奖通知</text>
        </div>
        <div class="back">
            <div class="btn"
                 @click="backhome">返回</div>
        </div>
        <div class="footer"> 如有问题，请与L&C Culture Development Team 联系</div>
        <img class="footerlogo"
             src="common/images/footerlogo.png">
    </div>
</template>
<script>
export default {
    name: "Lucky",
    methods: {
        backhome() {
            this.$router.replace("/");
        }
    }
};
</script>
<style lang="scss" scoped>
.contianer {
    width: 100%;
    /* height: 100%; */
    background: url("https://xiaocx.huiuqian.com/qichengletest/attachment/miniprogram/img/bg.png")
        no-repeat;
    background-size: 100%;
    background-position: 0 -1rem;
    overflow: hidden;
}
text {
    width: 100%;
}

.content-image {
    text-align: center;
}

.img {
    display: block;
    width: 3.2rem;
    height: 2.04rem;
    margin: 2.5rem auto 0;
}
.footerlogo {
    display: block;
    position: relative;
    width: 2.02rem;
    height: 0.2rem;
    margin: 0 auto;
    margin-top: 0.9rem;
}

.bingo {
    text-align: center;
    height: 0.8rem;
    font-size: 0.56rem;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    color: rgba(255, 95, 94, 1);
    line-height: 0.8rem;
    margin-top: 0.64rem;
}

.congratulations {
    text-align: center;
    height: 0.48rem;
    font-size: 0.34rem;
    font-family: PingFangSC-Light;
    font-weight: 300;
    color: rgba(51, 51, 51, 1);
    line-height: 0.48rem;
    margin-top: 0.18rem;
}

.nice {
    margin-top: 0.42rem;
    text-align: center;
    height: 0.96rem;
    font-size: 0.34rem;
    font-family: PingFangSC-Light;
    font-weight: 300;
    color: rgba(51, 51, 51, 1);
    line-height: 0.48rem;
    display: flex;
    flex-direction: column;
}

.btn {
    display: block;
    margin: 1.02rem auto 0;
    width: 3.6rem;
    height: 0.88rem;
    border-radius: 0.44rem;
    opacity: 0.9;
    border: 0.02rem solid rgba(9, 38, 81, 1);
    font-size: 0.34rem;
    line-height: 0.88rem;
    text-align: center;
    color: rgba(26, 40, 93, 1);
    background: none;
}
.footer {
    margin-top: 0.2rem;
    text-align: center;
    height: 0.36rem;
    font-size: 0.26rem;
    font-family: PingFangSC-Light;
    font-weight: 300;
    color: rgba(153, 153, 153, 1);
    line-height: 0.36rem;
}
</style>